<template>
  <div class="appointList">
    <el-tabs v-model="activeName">
      <el-tab-pane label="预约管理" name="first"><appoint-list/></el-tab-pane>
      <el-tab-pane label="签到码设置" name="second"><signinQRcode/></el-tab-pane>
      <el-tab-pane label="签到记录" name="third"><signin-log/></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import appointList from './components/appointment/appointlist'
import signinQRcode from './components/appointment/signinQRcode'
import signinLog from './components/appointment/signinlog'
export default {
  components: {
    appointList,
    signinQRcode,
    signinLog
  },
  data() {
    return {
      activeName: 'first'
    }
  },
}
</script>

<style lang="scss" scoped>
.appointList {
  padding: 0 20px;
}
</style>